extends ../../components/layout
append style
  link(rel='stylesheet', href='../../assets/css/lib/swiper.min.css')
  link(rel='stylesheet', href='../../assets/css/channelPage/channelPage.css')
block title
  title 跟团游
block content
  .gzl-page.channel-page
    .gzl-section
      .channel-page-swiper
        +swiper(class="gzl-swiper")
      .channel-page-advertisement
        ul.advertisement-list
          li.advertisement-item.le
            a(href="javascript:;")
              img(src="../../assets/img/channelPage/img1.png", alt="")
          li.advertisement-item.ri
            a(href="javascript:;")
              img(src="../../assets/img/channelPage/img2.png", alt="")
          li.advertisement-item.b-le
            a(href="javascript:;")
              img(src="../../assets/img/channelPage/img3.png", alt="")
          li.advertisement-item.b-ri
            a(href="javascript:;")
              img(src="../../assets/img/channelPage/img4.png", alt="")
      .channel-page-hotplace
        .hotplace-title
          span.line
          p.hotplace-text 热门目的地
          span.line
        - var list = [{name: '英国'},{name: '德国'},{name: '法国'},{name: '意大利'},{name: '希腊'},{name: '葡萄牙'},{name: '西班牙'},{name: '澳大利亚'},{name: '新西兰'},{name: '迪拜'},{name: '埃及'},{name: '泰国'},{name: '加拿大'},{name: '俄罗斯'},{name: '沙特阿拉伯'},{name: '阿尔及利阿尔及利'}]
        ul.hotplace-list.gzl-grid__box
          -for(var i=0;i<list.length;i++)
            li.hotplace-item.gzl-grid__item
              a(href="javascript:;")
                p #{list[i].name}
      .channel-page-classify
        ul.classify-list
          li.classify-item
            a(href="javascript:;")
              img(src="../../assets/img/channelPage/img5.png", alt="")
          li.classify-item
            a(href="javascript:;")
              img(src="../../assets/img/channelPage/img6.png", alt="")
          li.classify-item
            a(href="javascript:;")
              img(src="../../assets/img/channelPage/img7.png", alt="")
          li.classify-item
            a(href="javascript:;")
              img(src="../../assets/img/channelPage/img8.png", alt="")
      //- - var nav = [{text: '出境'},{text: '国内'},{text: '周边'},{text: '当地'}]
      - var nav = ['出境','国内','周边','当地']
      .channel-page-nav
        .swiper-container.nav-box
          ul.swiper-wrapper.gzl-navbar
            -for(var i=0;i<nav.length;i++)
              li.swiper-slide.gzl-navbar__item #{nav[i]}
      .swiper-container.channel-page-type
        .swiper-wrapper
          -for (var i=0;i<nav.length;i++)
            if i == 0
              ul.swiper-slide.channel-page-list
                - for (var j=0;j<10;j++)
                  li.list-item
                    a(href="javascript:;")
                      img(src="http://file.gzl.cn/group1/M00/17/DA/wKkBHlrMCqeAFWB2AAG6BD-hfdQ790_360X240.jpg", alt="")
                      .prod-name 【尚·博览】埃及9/10天＊文化之旅＜埃及首都开罗，潜水圣地红海洪加达，全程超豪华酒店，金字塔景观餐厅享阿拉伯特色餐，露天博物馆卢克索＞
                      ul.prod-tag-list
                        li.prod-tag-item 甜蜜旅程
                        li.prod-tag-item 休闲旅游
                      .prod-price
                        span ￥
                        | 3999
                      .prod-count 2345人出游
            else
              ul.swiper-slide.channel-page-list
                - for (var j=0;j<10;j++)
                  li.list-item
                    a(href="javascript:;")
                      img(src="http://file.gzl.cn/group1/M00/1D/FA/wKkBH1vriiyAdCnoAAH0g-hPO9E151_360X240.jpg", alt="")
                      .prod-name 【典·休闲】西藏、拉萨、林芝双飞6/5天＊直飞林芝往返＊慢游西藏＊6人成团＊布达拉宫＜全程升级挂牌四星酒店，鲁朗林海观景台＞
                      ul.prod-tag-list
                        li.prod-tag-item 甜蜜旅程
                        li.prod-tag-item 休闲旅游
                      .prod-price
                        span ￥
                        | 3999
                      .prod-count 2345人出游
append script
  script(src="../../assets/js/channelPage/travelChannel.js")